<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="css/all.css">
	<title>Document</title>
</head>
<body>
<div class="aaa">
	<div class="ddd"></div>
	<div class="ddd"></div>
	<div class="ddd"></div>
	<div class="ddd"></div>
</div>
<!--说明：将带边框的div向左margin负数个单位（margin-left:-1px;），重叠边框，hover时就能显示只有一个边框的效果。同时设置hover的position:relative，使divhover层级高于普通层的层级-->
</body>
</html>